<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta name="applicable-device" content="pc,mobile">
    <title>新闻首页</title>
    <!-- 使用load标签加载资源文件 -->
    <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css">
    <script type="text/javascript" src="./assets/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 创建栅格布局 -->
<div class="container">
   <jsp:include page="header1.jsp"></jsp:include>
    <!-- 头部结束-->
    <!-- 主体 -->
    <div class="row">
        <!-- 左侧8列 -->
        <div class="col-md-8">
            <!-- 页头 -->
            <div class="page-header">
                <h2>全部文章</h2>
            </div>
            <div>
                <img class="img-rounded" src="./images/11.jpg" style="margin-right: 10px;float: left;width: 100px;height: 85px">
                <div class="content-detail" style="float: left;width: 80%">
                    <!-- 获取当前文章的id -->
                    <h4><a href="detail.html">新闻发布系统教程</a></h4>
                    <p>作者:admin&nbsp;&nbsp;
                        发布时间：2018年02月01日&nbsp;&nbsp;
                    </p>
                    <div>新闻发布系统教程新闻发布系统教程新闻发布系统教程新闻发布系统</div>
                    <hr>
                </div>
            </div>
            <div>
                <img class="img-rounded" src="./images/11.jpg" style="margin-right: 10px;float: left;width: 100px;height: 85px">
                <div class="content-detail" style="float: left;width: 80%">
                    <!-- 获取当前文章的id -->
                    <h4><a href="detail.html">新闻发布系统教程</a></h4>
                    <p>作者:admin&nbsp;&nbsp;
                        发布时间：2018年02月01日&nbsp;&nbsp;
                    </p>
                    <div>新闻发布系统教程新闻发布系统教程新闻发布系统教程新闻发布系统</div>
                    <hr>
                </div>
            </div>
            <div>
                <img class="img-rounded" src="./images/11.jpg" style="margin-right: 10px;float: left;width: 100px;height: 85px">
                <div class="content-detail" style="float: left;width: 80%">
                    <!-- 获取当前文章的id -->
                    <h4><a href="detail.html">新闻发布系统教程</a></h4>
                    <p>作者:admin&nbsp;&nbsp;
                        发布时间：2018年02月01日&nbsp;&nbsp;
                    </p>
                    <div>新闻发布系统教程新闻发布系统教程新闻发布系统教程新闻发布系统</div>
                    <hr>
                </div>
            </div>
            <div>
                <img class="img-rounded" src="./images/22.jpg" style="margin-right: 10px;float: left;width: 100px;height: 85px">
                <div class="content-detail" style="float: left;width: 80%">
                    <!-- 获取当前文章的id -->
                    <h4><a href="detail.html">ThinkPHP5经典视频教程</a></h4>
                    <p>作者:admin&nbsp;&nbsp;
                        发布时间：2018年02月01日&nbsp;&nbsp;
                    </p>
                    <div>ThinkPHP5经典视频教程ThinkPHP5经典视频教程</div>
                    <hr>
                </div>
            </div>
            <div class="text-center">
                <ul class="pagination">
                    <li class="disabled"><span>«</span></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="index.html?p=2">2</a></li>
                    <li><a href="index.html?p=3">3</a></li>
                    <li><a href="index.html?p=4">4</a></li>
                    <li><a href="index.html?p=5">5</a></li>
                    <li><a href="index.html?p=6">6</a></li>
                    <li><a href="index.html?p=7">7</a></li>
                    <li><a href="index.html?p=2">»</a></li>
                </ul>
            </div>
            <!-- 右侧4列 -->
        </div>
        <div class="col-md-4">
            <div class="page-header"><h2>热门浏览</h2></div>
            <!-- 列表使用:列表组来做 -->
            <div class="list-group">
                <a href="detail.html" class="list-group-item active">PHP与Ajax操作<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">新闻发布系统教程<span class="badge">6</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">5</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">4</span></a>
                <a href="detail.html" class="list-group-item">ThinkPHP5企业站点开发指南<span class="badge">3</span></a>
                <a href="detail.html" class="list-group-item">自己动手写框架教程<span class="badge">3</span></a>
                <a href="detail.html" class="list-group-item">PHP与Ajax操作<span class="badge">2</span></a>
                <a href="detail.html" class="list-group-item">PHP模糊查询技术<span class="badge">2</span></a>
                <a href="detail.html" class="list-group-item">PHP模糊查询技术<span class="badge">1</span></a>
                <a href="detail.html" class="list-group-item">ThinkPHP5经典视频教程<span class="badge">1</span></a>
                <a href="detail.html" class="list-group-item">PDO极速入门教程<span class="badge">1</span></a>
            </div>
        </div>
        <!-- 底部开始 -->
    </div>
</div>
<!-- 底部结束 -->
</body>
</html>